<style>
.fui-footer .btn {
    margin-top: .6rem;
}
	.order_detail .fui-list-inner .title.has-address {
		font-size: .7rem;
		line-height: 1.2rem;
		height: 1.2rem;
		display: block;
	}
	.order_detail .fui-list-inner .text{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.order_detail .fui-list:before{
		border: 0;
	}
	.order_detail .fui-list_title{
		position: relative;
		display: flex;
		align-items: center;
		line-height: normal;
	}
	.order_detail  .lineblock {
		position: relative;
		overflow: hidden;
	}
	.order_detail  .lineblock:before {
		content: "";
		position: absolute;
		left: .5rem;
		top: 0;
		right: .5rem;
		height: 1px;
		border-top: 1px solid #ebebeb;
		-webkit-transform-origin: 0 100%;
		-ms-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scaleY(0.5);
		-ms-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}
.fui-header:after {
	border-bottom: 0 solid #D9D9D9;
}
.fui-content {
	padding:0.5rem;
	padding-bottom:3.8rem
}
</style>
<link rel="stylesheet" type="text/css" href="../addons/jy_weishop/custom/templates/mobile/css/orderdetail.css?v=2.3">
	<div class="fui-page cav order_detail">
		<div class="jy2-headertopbg">
			<div class="fui-header" style="background:none">
				<div class="fui-header-left">
					<a class="back" style="color:#fff" href="javascript:" ng-click="goback()"></a>
				</div>
				<div class="title bold" style="font-size:1rem;color:#fff">礼包详情</div>
				<div class="fui-header-right" style="padding-right:0.5rem;color:#fff">
					<i class="icon jinyunicon icon-liaotian" ng-click="access_json('jy_shoplibao/myhome/')" style="font-size: 1rem;"></i>
				</div>
			</div>
		</div>
		<div class="fui-content jy2-headertop">
			<!--状态-->
			<div class="order_header" style="padding-top: .76rem; margin-bottom: -.266667rem;">
			  <div class="red" style="width:2.6rem;margin:0 auto">
				<i ng-if="pagedata.order.status == 4" class="icon icon-wrong" style="font-size:2.6rem"></i>
				<i ng-if="pagedata.order.status == 3" class="icon icon-success" style="font-size:2.6rem"></i>
				<i ng-if="pagedata.order.status == 2 || pagedata.order.status == 1" class="icon icon-clock" style="font-size:2.6rem"></i>
			  </div>
			  <div class="order_detail_ststus" style="padding:0.3rem;background:none">
					<div class="bold">
						<div style="font-size: 0.85rem;">来自《{{pagedata.member.nickname||pagedata.member.username}}》的礼包</div>
					</div>
					<div ng-if="pagedata.order.code.sn" class="bold red">卡码：{{pagedata.order.code.sn}}</div>
			 </div>
			</div>
			<div class='jy-content'>
				<div class='fui-cell-group'>
					<div class='fui-cell'>
					<div class='fui-cell-info'>
					   <div class="bold">{{pagedata.order.kabao.title}}</div>
					   <div class="gray">{{pagedata.order.kabao.desc}}</div>
					</div>
					</div>
					<div class='fui-cell'>
					<div class='fui-cell-info'>
					   <div ng-if="pagedata.order.code.sn" class="bold">卡片码：{{pagedata.order.code.sn}}</div>
					   <div ng-if="!pagedata.order.code.sn" class="bold">单号：{{pagedata.order.ordersn}}</div>
					   <div ng-if="pagedata.order.kabao.price" class="gray"> 礼品价值: ￥{{pagedata.order.kabao.price}}</div>
					</div>
					</div>
					<div class='fui-cell' ng-if="pagedata.order.store.title">
						<div class='fui-cell-info'>
						   发卡门店：{{pagedata.order.store.title}}
						</div>
					</div>
					<div class='fui-cell' ng-if="pagedata.order.worker.title">
					<div class='fui-cell-info'>
					   发卡员工：{{pagedata.order.worker.title}}
					</div>
					</div>
				</div>
				<div class="fui-list-group goods-list-group" style="background:#fff"> 
					<div class="fui-list-group-title bold">礼品详情</div>
					<div ng-repeat="g in pagedata.order.jiangs">
						<div ng-if="g.type<=0" class="fui-list">
							<div class="fui-list-media">
								<img ng-src="{{tomedia(g.goods.image)}}" class="round">
							</div>
							<div class="fui-list-inner">
								<div class="text goodstitle">{{g.goods.title}}</div>
								<div class="gray">{{g.goods.subtitle}}</div> 
							</div>
							<div class='fui-list-angle'>
							<span class='marketprice'>￥{{g.goods.price}} x{{g.total||1}}
							</div>
						</div>
						<div ng-if="g.type==1" class="fui-list">
						<div class="fui-list-media">
							<i class="icon icon-youhuiquan syscolor" style="font-size:2.3rem"></i>
						</div>
						<div class="fui-list-inner">
							<div class="text goodstitle">[优惠券]{{g.coupon.title}}</div>
							<div class="gray">{{g.coupon.title2}}</div> 
						</div>
						<div class='fui-list-angle'>
							<span class='marketprice'>{{g.coupon.title3}}</span>
						</div>
					</div>
					<div ng-if="g.type==2" class="fui-list">
						<div class="fui-list-media">
							<i class="icon icon-ai-hongbao syscolor" style="font-size:2.3rem"></i>
						</div>
						<div class="fui-list-inner">
							<div class="text goodstitle">[送现金红包]红包</div>
							<div class="gray">会员中心现金红包，可以提现</div> 
						</div>
						<div class='fui-list-angle'>
							<span class='marketprice'>￥{{g.num}}</span>
						</div>
					</div>
					<div ng-if="g.type==3" class="fui-list">
						<div class="fui-list-media">
							<i class="icon icon-jifen1 syscolor" style="font-size:2.3rem"></i>
						</div>
						<div class="fui-list-inner">
							<div class="text goodstitle">[送币]{{g.credit_title}}</div>
							<div class="gray">会员中心查看{{g.credit_title}}，可以消费抵扣</div> 
						</div>
						<div class='fui-list-angle'>
							<span class='marketprice'>{{g.num}}个</span>
						</div>
					</div>
					</div>
				</div>
		</div>
		<div class="fui-navbar">
			<div class="nav-item btn btn-gray"  ng-if="pagedata.order.status>0">
				已过期
			</div>
			<div class="nav-item btn btn-gray"  ng-if="pagedata.order.isget==1">
				已领取
			</div>
			<div ng-if="pagedata.order.status==0 && pagedata.order.isget!=1" class="nav-item" style="line-height: 1rem;font-size:0.6rem">
				<div class="fui-cellone" style="padding: 0.5rem">
					<div class="fui-cellone-info">
					<input type="text" class="fui-input" style="border-radius:1rem" placeholder="输入卡号" ng-model="pagedata.post.sn"/>
					</div>
				</div>
			</div>
			<div class="nav-item btn btn-blue" ng-if="pagedata.order.status==0 && pagedata.order.isget!=1">
				<a href="javascript:;" ng-click="post(pagedata.post,'/songget/post/')" style="color:#ffffff;">立即领取</a>
			</div>
		</div>
</div>